import { _ as _define_property } from "@swc/helpers/_/_define_property";
import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
import { _ as _tagged_template_literal } from "@swc/helpers/_/_tagged_template_literal";
function _templateObject() {
    var data = _tagged_template_literal([
        "\n  position: absolute;\n  background-color: transparent;\n  height: 6.1333vw;\n  bottom: 0;\n  width: 100%;\n  left: 0;\n  text-align: center;\n  font-size: 2.4vw;\n  /* identical to box height */\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: Montserrat-Light;\n  /* Gray_20 */\n  color: #B1B2BC;\n  @media screen and (min-width: 1280px) {\n    height: 28.8265px;\n    font-size: 11.28px;\n  }\n"
    ]);
    _templateObject = function _templateObject() {
        return data;
    };
    return data;
}
function _templateObject1() {
    var data = _tagged_template_literal([
        "\n  font-weight: 600;\n  font-size: 4vw;\n\n  /* Dark */\n\n  color: #121727;\n  margin-bottom: 2.1333vw;\n"
    ]);
    _templateObject1 = function _templateObject1() {
        return data;
    };
    return data;
}
import _Switch from "@mui/material/Switch";
import _styled from "@mui/material/styles/styled";
import React from "react";
import { jsx as _jsx } from "react/jsx-runtime";
export var Power = _styled("div")(_templateObject());
export var CustomSwitch = _styled(function(props) {
    return /*#__PURE__*/ _jsx(_Switch, _object_spread({
        focusVisibleClassName: ".Mui-focusVisible",
        disableRipple: true
    }, props));
})(function(param) {
    var theme = param.theme;
    return _define_property({
        width: "12.8vw",
        height: "6.4vw",
        padding: 0,
        "& .MuiSwitch-track": {
            borderRadius: "5.6vw",
            border: "1px solid var(--main)",
            background: "transparent",
            transition: theme.transitions.create([
                "all"
            ], {
                duration: 300
            })
        },
        "& .MuiSwitch-thumb": {
            width: "5.3333vw",
            height: "5.3333vw",
            boxShadow: "none"
        },
        "& .MuiSwitch-switchBase": {
            padding: 0,
            margin: ".5333vw",
            color: "var(--switch-unchecked)",
            transitionDuration: "300ms",
            "&.Mui-checked": {
                color: "var(--main)",
                transform: "translateX(6.5333vw)",
                "& + .MuiSwitch-track": {
                    borderColor: "var(--main)",
                    backgroundColor: "transparent"
                }
            },
            "& .MuiSwitch-input": {
                width: "300% !important"
            }
        }
    }, theme.breakpoints.up(1280), {
        width: "60.16px",
        height: "30.08px",
        "& .MuiSwitch-track": {
            borderRadius: "26.32px"
        },
        "& .MuiSwitch-thumb": {
            width: "25.0665px",
            height: "25.0665px"
        },
        "& .MuiSwitch-switchBase": {
            padding: 0,
            margin: "2.5065px",
            "&.Mui-checked": {
                transform: "translateX(30.7065px)"
            }
        }
    });
});
export var Label = _styled("div")(_templateObject1());

 //# sourceMappingURL=index.js.map